 <input id="saveFileDialog" style="display:none" type="file" accept=".png,.jpg,.jpeg"> <input id="setDirDialog" type="file" nwdirectory accept=".png,.jpg,.jpeg" style="display:none"> <div>Choose a component to export:</div> <div style="width: 360px; display: inline-block"> <div style="margin-left: 20px;margin-top:20px"> <div id="exportTargetGroup"> <label id="" class="exportLabelColumn" style="" for="exportTargetPopup">Component:</label> <input style="width: 150px; margin-left: 5px" id="exportTargetPopup"> </div> <div class="exportTilingSizeGroup active" id="exportTilingSizeAbsGroup"> <label for="exportTilingSizeHpxStepper" class="exportLabelColumn" style="margin-right: -4px">Image Size:</label> <input id="exportTilingSizeHpxStepper" style="margin-left: 5px" class="integersOnly enforceMinMax leftSpinner"><label class="exportTilingSizeCross" for="exportTilingSizeHpxStepper" class="unitLabel"></label> <input id="exportTilingSizeVpxStepper" style="" class="integersOnly enforceMinMax"><label for="exportTilingSizeVpxStepper" class="unitLabel" style="vertical-align: 0">px</label> </div> <div class="exportTilingSizeGroup" id="exportTilingSizeRelGroup"> <label for="exportTilingSizeVStepper" class="exportLabelColumn" style="margin-right: -4px">Tiles:</label> <input id="exportTilingSizeVStepper" style="margin-left: 5px" class="numbersOnly enforceMinMax leftSpinner"><label class="exportTilingSizeCross" for="exportTilingSizeVStepper" class="unitLabel"></label> <input id="exportTilingSizeHStepper" style="" class="numbersOnly enforceMinMax"> </div> <div id="imageSizeGroup" style="margin-top: 10px"> <label id="" class="exportLabelColumn" style="" for="imageSize">Image Size:</label> <span style="" id="imageSize"></span> </div> </div> <div class="dimmed wrappedInfo" style="text-indent: -38px"> <img src="./rsc/_y1" style="vertical-align:middle"> <span id="exportUsageText"></span> </div> <div class="dimmed wrappedInfo" id="exportMultipleImageSize" style="text-indent: -38px; margin-top: 10px"> <img src="./rsc/_y1" style="vertical-align:middle"> <span>Image sizes may vary for different snapshots.</span> </div> </div> <div id="exportDisplayContainer"> <span class="centerHelper"></span> <img id="exportPreview" style="margin:auto; max-width:95%; max-height:95%; vertical-align: middle"> </div> <div class="separatorLine">&nbsp;</div> <div id="" class="centered" style="width: 200px"> <label id="" class="exportLabelColumn" style="" for="exportFormatPopup">Format:</label> <input style="width: 100px; margin-left: 5px" id="exportFormatPopup"> <p id="exportQualityGroup"> <label id="exportQualityLabel" class="exportLabelColumn" style="" for="exportQualityPopup">Quality:</label> <input style="width: 100px; margin-left: 5px" id="exportQualityPopup"> </p> </div> 